<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:p="http://primefaces.prime.com.tr/ui">
        
        
        
<ui:composition template="/modeleFormulaire.xhtml">
	<ui:define name="title">Nouvelle recherche</ui:define>
	<ui:define name="contenu">
        <h:form >
        			<center>
        			<table>
        			<tr>
        			<td>
		        	<p:panel header="Saisie de la recherche"  style="width:900px;height:200px;">
		        		<center>
			        	<h:panelGrid columns="2" columnClasses="column" cellpadding="5"> 
				        	<h:outputLabel 
				        		style = "font-size: 16; font-weight : bold; color:#551a7d; text-align:center; font-family: Segoe UI, Helvetica, Arial, sans-serif;"
				        		value = "Saisir un mot clé"/>
				        	<h:inputText 
				        		style="width:300px;height:30px;"
				        		value="#{vueFormulaire.motCle}"/>
				        	<h:outputLabel 
				        		style = "font-size: 16; font-weight : bold; color:#551a7d; text-align:center; font-family: Segoe UI, Helvetica, Arial, sans-serif;"
				        		value = "Choisir un mode d'affichage"/>
				        			
							<h:selectOneRadio
								 value="#{vueFormulaire.retourChoisi}">
								  <f:selectItems
								   value="#{vueFormulaire.retoursPossibles}" />
							</h:selectOneRadio>
							
							<p:messages id="msgs" showDetail="true"/>
							<p:commandButton value ="  C'est parti !  " action="#{vueFormulaire.lancerRecherche}" 
									update="msgs" ajax="false"
									style="width:300px;height:30px;"/>
									
						</h:panelGrid>
						</center>
					</p:panel>
					</td>
        			</tr>
        			</table>
        			</center>	
        			
					
 		</h:form> 
	</ui:define>
</ui:composition>
</html>







